<style>
	.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
		background-color:#1ab394;
		border: 1px solid #1ab394;
	}
</style>
<div class="" ng-controller="memberCtrl">
	<div class="panel-heading font-bold">
	   成员设置
	</div>
	<div class="ibox">
	    <div class="ibox-content form-horizontal">
			
			<div class="row">
				<div class="col-md-3 col-sm-3">
					<label>选择角色：</label>
					<div>
						<select name="role" class="form-control menuLookup-Tips" ng-disabled="true" ng-model="itemRole" ng-options="x.roleName for x in myDatas" ng-change="changeRole(itemRole)">				
						</select>
					</div>
				</div>
				<div >
					<label>添加成员：</label>
					<div>
						<button style="width: 50px; height: 44px;background: #878CAD; color: #fff" type="button" class="btn " ng-click='addRoleModal()'>+</button>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-md-3 col-sm-3 toplist">
					<label>成员列表：</label>
					<div class="">
						<div href="javascript:;" class="btn btn-primary" style="margin-right: 5px; margin-bottom: 5px; position: relative;" ng-repeat="x in roles" ng-hide="removeM">
							{{x.userName}}
							<i class="" 
								style="font-style:normal; font-size: 12px; 
								position: absolute; right: -8px; top: -8px; width: 20px; 
								height: 20px; border-radius: 50%; background: #D0EDD4; line-height: 20px;" ng-click="removeMember(x)">X</i>
						</div>
					</div>
				</div>				
			</div>
			
		</div>
	</div>
	
</div>
